<script setup lang="ts">
defineProps<{ id: string; title: string; ext?: string }>();
</script>

<template>
  <ConfirmDialog>
    <template #title>{{ title }}</template>

    <div class="mt-8">
      <span
        class="text-yellow-700 p-1 bg-yellow-50 rounded mx-1 border border-yellow-200"
        v-if="ext"
        >{{ ext }}</span
      >删除后<span
        class="text-red-600 underline decoration-wavy decoration-1 underline-offset-[6px]"
        >不可恢复</span
      >，确定删除？
    </div>
  </ConfirmDialog>
</template>
